﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.1.4 小睡</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_1_4_小睡/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_1_4_小睡/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u797" class="ax_default" data-left="369" data-top="451" data-width="212" data-height="113">

        <!-- Unnamed (图片) -->
        <div id="u798" class="ax_default image">
          <img id="u798_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u799" class="ax_default _文本段落" data-label="Header 2">
          <div id="u799_div" class=""></div>
          <div id="u799_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u800" class="ax_default" data-left="369" data-top="469" data-width="176" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u801" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="173" CompoundMode="true">
            <img id="u801_img" class="singleImg img " src="images/1_1_2_周期/u626.png"/>
            <div id="u801p000" class="ax_vector_shape" WidgetTopLeftX="-0.48876404494382" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.48314606741573" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.48876404494382" WidgetBottomLeftY="0" WidgetBottomRightX="0.48314606741573" WidgetBottomRightY="0">
              <img id="u801p000_img" class="img " src="images/1_1_2_周期/u626p000.png"/>
            </div>
            <div id="u801p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="43.25" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="43.25" WidgetBottomRightY="0">
              <img id="u801p001_img" class="img " src="images/图例/u9p001.png"/>
            </div>
            <div id="u801p002" class="ax_vector_shape" WidgetTopLeftX="7.68181818181818" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="7.68181818181818" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
              <img id="u801p002_img" class="img " src="images/1_1_1_叫醒任务/u482p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u802" class="ax_default _形状">
            <div id="u802_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u803" class="ax_default _形状" data-label="Rectangle">
        <div id="u803_div" class=""></div>
        <div id="u803_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u804" class="ax_default" data-left="570" data-top="35" data-width="325" data-height="19">

        <!-- Unnamed (组合) -->
        <div id="u805" class="ax_default" data-left="856" data-top="35" data-width="29" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u806" class="ax_default _形状">
            <div id="u806_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u807" class="ax_default _形状">
            <div id="u807_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u808" class="ax_default _形状">
            <div id="u808_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u809" class="ax_default image">
          <img id="u809_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u810" class="ax_default _文本段落" data-label="Header 2">
          <div id="u810_div" class=""></div>
          <div id="u810_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u811" class="ax_default _文本段落" data-label="Header 2">
          <div id="u811_div" class=""></div>
          <div id="u811_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u812" class="ax_default box_1">
        <div id="u812_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u813" class="ax_default" data-left="573" data-top="102" data-width="167" data-height="22">

        <!-- Unnamed (形状) -->
        <div id="u814" class="ax_default icon">
          <img id="u814_img" class="img " src="images/1_1_3_铃声/u695.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u815" class="ax_default label">
          <div id="u815_div" class=""></div>
          <div id="u815_text" class="text ">
            <p><span>小睡</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u816" class="ax_default" data-left="547" data-top="146" data-width="347" data-height="393">

        <!-- Unnamed (矩形) -->
        <div id="u817" class="ax_default box_1">
          <div id="u817_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u818" class="ax_default label">
          <div id="u818_div" class=""></div>
          <div id="u818_text" class="text ">
            <p><span>关闭</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u819" class="ax_default box_1">
          <div id="u819_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u820" class="ax_default label">
          <div id="u820_div" class=""></div>
          <div id="u820_text" class="text ">
            <p><span>1 分钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u821" class="ax_default box_1">
          <div id="u821_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u822" class="ax_default label">
          <div id="u822_div" class=""></div>
          <div id="u822_text" class="text ">
            <p><span>3 分钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u823" class="ax_default box_1">
          <div id="u823_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u824" class="ax_default label">
          <div id="u824_div" class=""></div>
          <div id="u824_text" class="text ">
            <p><span>5 分钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u825" class="ax_default box_1">
          <div id="u825_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u826" class="ax_default label">
          <div id="u826_div" class=""></div>
          <div id="u826_text" class="text ">
            <p><span>15 分钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u827" class="ax_default box_1">
          <div id="u827_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u828" class="ax_default label">
          <div id="u828_div" class=""></div>
          <div id="u828_text" class="text ">
            <p><span>10 分钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u829" class="ax_default box_1">
          <div id="u829_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u830" class="ax_default label">
          <div id="u830_div" class=""></div>
          <div id="u830_text" class="text ">
            <p><span>20 分钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u831" class="ax_default box_1">
          <div id="u831_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u832" class="ax_default label">
          <div id="u832_div" class=""></div>
          <div id="u832_text" class="text ">
            <p><span>25 分钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u833" class="ax_default box_1">
          <div id="u833_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u834" class="ax_default label">
          <div id="u834_div" class=""></div>
          <div id="u834_text" class="text ">
            <p><span>30 分钟</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u835" class="ax_default" data-left="99" data-top="660" data-width="230" data-height="39">

        <!-- Unnamed (垂直线) -->
        <div id="u836" class="ax_default line">
          <img id="u836_img" class="img " src="images/1_1_1_叫醒任务/u392.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u837" class="ax_default label">
          <div id="u837_div" class=""></div>
          <div id="u837_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u838" class="ax_default label">
          <div id="u838_div" class=""></div>
          <div id="u838_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u839" class="ax_default icon">
        <img id="u839_img" class="img " src="images/1_1_1_叫醒任务/u395.png"/>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u840" class="ax_default _形状" data-label="Rectangle">
        <div id="u840_div" class=""></div>
        <div id="u840_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u841" class="ax_default" data-left="44" data-top="35" data-width="325" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u842" class="ax_default" data-left="332" data-top="35" data-width="28" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u843" class="ax_default _形状">
            <div id="u843_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u844" class="ax_default _形状">
            <div id="u844_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u845" class="ax_default _形状">
            <div id="u845_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u846" class="ax_default image">
          <img id="u846_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u847" class="ax_default _文本段落" data-label="Header 2">
          <div id="u847_div" class=""></div>
          <div id="u847_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u848" class="ax_default _文本段落" data-label="Header 2">
          <div id="u848_div" class=""></div>
          <div id="u848_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u849" class="ax_default box_1">
        <img id="u849_img" class="img " src="images/1_1_1_叫醒任务/u428.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u850" class="ax_default line">
        <img id="u850_img" class="img " src="images/1_1_1_叫醒任务/u429.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u851" class="ax_default" data-left="149" data-top="84" data-width="94" data-height="19">

        <!-- Unnamed (图片) -->
        <div id="u852" class="ax_default image">
          <img id="u852_img" class="img " src="images/1_1_闹钟设置/u303.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u853" class="ax_default label">
          <div id="u853_div" class=""></div>
          <div id="u853_text" class="text ">
            <p><span>7分钟后响铃</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u854" class="ax_default" data-left="126" data-top="148" data-width="140" data-height="47">

        <!-- Unnamed (矩形) -->
        <div id="u855" class="ax_default label">
          <div id="u855_div" class=""></div>
          <div id="u855_text" class="text ">
            <p><span>21：32</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u856" class="ax_default box_1">
          <div id="u856_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u857" class="ax_default label">
        <div id="u857_div" class=""></div>
        <div id="u857_text" class="text ">
          <p><span>20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u858" class="ax_default label">
        <div id="u858_div" class=""></div>
        <div id="u858_text" class="text ">
          <p><span>22&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u859" class="ax_default label">
        <div id="u859_div" class=""></div>
        <div id="u859_text" class="text ">
          <p><span>33</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u860" class="ax_default label">
        <div id="u860_div" class=""></div>
        <div id="u860_text" class="text ">
          <p><span>31</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u861" class="ax_default" data-left="33" data-top="247" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u862" class="ax_default box_1">
          <img id="u862_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u863" class="ax_default label">
          <div id="u863_div" class=""></div>
          <div id="u863_text" class="text ">
            <p><span>叫醒任务</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u864" class="ax_default label">
          <div id="u864_div" class=""></div>
          <div id="u864_text" class="text ">
            <p><span>OFF</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u865" class="ax_default" data-left="80" data-top="660" data-width="230" data-height="39">

        <!-- Unnamed (垂直线) -->
        <div id="u866" class="ax_default line">
          <img id="u866_img" class="img " src="images/1_1_1_叫醒任务/u392.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u867" class="ax_default label">
          <div id="u867_div" class=""></div>
          <div id="u867_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u868" class="ax_default label">
          <div id="u868_div" class=""></div>
          <div id="u868_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u869" class="ax_default" data-left="33" data-top="300" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u870" class="ax_default box_1">
          <img id="u870_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u871" class="ax_default label">
          <div id="u871_div" class=""></div>
          <div id="u871_text" class="text ">
            <p><span>周期</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u872" class="ax_default label">
          <div id="u872_div" class=""></div>
          <div id="u872_text" class="text ">
            <p><span>永不</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u873" class="ax_default" data-left="33" data-top="353" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u874" class="ax_default box_1">
          <div id="u874_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u875" class="ax_default label">
          <div id="u875_div" class=""></div>
          <div id="u875_text" class="text ">
            <p><span>铃声</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u876" class="ax_default label">
          <div id="u876_div" class=""></div>
          <div id="u876_text" class="text ">
            <p><span>Classic</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u877" class="ax_default" data-left="33" data-top="395" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u878" class="ax_default box_1">
          <img id="u878_img" class="img " src="images/1_1_1_叫醒任务/u457.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u879" class="ax_default _图片">
          <img id="u879_img" class="img " src="images/1_1_闹钟设置/u330.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u880" class="ax_default icon">
          <img id="u880_img" class="img " src="images/1_1_1_叫醒任务/u459.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u881" class="ax_default" data-left="88" data-top="406" data-width="197" data-height="18">

          <!-- Unnamed (水平线) -->
          <div id="u882" class="ax_default _水平线">
            <img id="u882_img" class="img " src="images/1_1_1_叫醒任务/u461.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u883" class="ax_default _水平线">
            <img id="u883_img" class="img " src="images/1_1_1_叫醒任务/u462.png"/>
          </div>

          <!-- Rectangle (矩形) -->
          <div id="u884" class="ax_default _形状" data-label="Rectangle">
            <div id="u884_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u885" class="ax_default icon">
        <img id="u885_img" class="img " src="images/1_1_1_叫醒任务/u395.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u886" class="ax_default" data-left="33" data-top="502" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u887" class="ax_default box_1">
          <img id="u887_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u888" class="ax_default label">
          <div id="u888_div" class=""></div>
          <div id="u888_text" class="text ">
            <p><span>备注</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u889" class="ax_default label">
          <div id="u889_div" class=""></div>
          <div id="u889_text" class="text ">
            <p><span>遛狗</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u890" class="ax_default" data-left="33" data-top="448" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u891" class="ax_default box_1">
          <img id="u891_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u892" class="ax_default label">
          <div id="u892_div" class=""></div>
          <div id="u892_text" class="text ">
            <p><span>小睡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u893" class="ax_default label">
          <div id="u893_div" class=""></div>
          <div id="u893_text" class="text ">
            <p><span>1 分钟</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u894" class="ax_default" data-left="249" data-top="132" data-width="99" data-height="127">

        <!-- Header 2 (矩形) -->
        <div id="u895" class="ax_default _文本段落" data-label="Header 2">
          <div id="u895_div" class=""></div>
          <div id="u895_text" class="text ">
            <p><span>上下滑动（Swipe）</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u896" class="ax_default image">
          <img id="u896_img" class="img " src="images/图例/u146.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u897" class="ax_default image">
          <img id="u897_img" class="img " src="images/1_1_1_叫醒任务/u476.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u898" class="ax_default image">
          <img id="u898_img" class="img " src="images/图例/u146.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u899" class="ax_default" data-left="33" data-top="556" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u900" class="ax_default box_1">
          <img id="u900_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u901" class="ax_default label">
          <div id="u901_div" class=""></div>
          <div id="u901_text" class="text ">
            <p><span>睡眠跟踪</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u902" class="ax_default" data-left="309" data-top="567" data-width="40" data-height="23">

          <!-- Unnamed (组合) -->
          <div id="u903" class="ax_default" data-left="309" data-top="567" data-width="40" data-height="23">

            <!-- Unnamed (矩形) -->
            <div id="u904" class="ax_default _形状">
              <div id="u904_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u905" class="ax_default _形状">
              <div id="u905_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u906" class="ax_default icon">
        <img id="u906_img" class="img " src="images/1_1_4_小睡/u906.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u907" class="ax_default box_1">
        <img id="u907_img" class="img " src="images/1_1_4_小睡/u907.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u908" class="ax_default label">
        <div id="u908_div" class=""></div>
        <div id="u908_text" class="text ">
          <p><span>功能逻辑：</span></p><p><span>该功能在闹钟响起后用户点击小睡后启动，见【1.2.1】</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>点击小睡框后页面跳转至小睡时间选择页面，</span></p><p><span>单击选择小睡的时间（当前1分钟为选中状态），被选中的时间字体加粗，从16号变到18号，出现√在最右侧。</span></p><p><span>单击单角符-左箭头完成小睡设置</span></p><p><span><br></span></p><p><span>技术逻辑：</span></p><p><span>小睡选择页面选择范围为0-30分钟，0分钟则为“关闭”选项，选项顺序为“关闭，1分钟，3分钟，5分钟”，之后的时间间隔为5分钟，逐渐递增30分钟。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
